const fs = require('fs')
const path = require('path')
// .是任意字符的意思
var regStyle = /<style>([\s\S]*)<\/style>/
var regScript = /<script>([\s\S]*)<\/script>/

// 先读取待处理的文件
fs.readFile(path.join(__dirname, './index.html'), 'utf8', (err, dataStr) => {
    if (err) return console.log('读取文件失败')
    // console.log(dataStr)
    var arr1 = regStyle.exec(dataStr)
    var r1 = arr1[0]//带有style标签的代码
    var r2 = arr1[1]//不带style标签的代码
    var arr2 = regScript.exec(dataStr)
    var r3 = arr2[0]//带有script标签的代码
    var r4 = arr2[1]//不带有script标签的代码

    // 把样式写入到clock当中index.css
    fs.writeFile(path.join(__dirname, './素材/colck/index.css'), r2, err => {
        if (err) return console.log('写入文件失败' + message)
        console.log('样式文件写入成功')
    })
    // 把js代码写入index.js当中
    fs.writeFile(path.join(__dirname, './素材/colck/index.js'), r4, err => {
        if (err) return console.log('文件写入失败' + message)
        console.log('js文件写入成功')
    })
    // 把html文件写入
    var r5 = dataStr
        .replace(r1, '  <link rel="stylesheet" href="./index.css">')
        .replace(r3, '<script src="./index.js"></script>')

    fs.writeFile(path.join(__dirname, './素材/colck/index.html'), r5, err => {
        if (err) return console.log('文件写入失败' + message)
        console.log('文件写入成功')
    })

})